<include file=":config" />
<!DOCTYPE html>
<html lang="en">
<head>
	<title>{$site_name}</title>
	<meta name="keywords" content="{$site_seo_keywords}" />
	<meta name="description" content="{$site_seo_description}">
	<meta name="author" content="ThinkCMF">
	<include file="Public:head" />
	<style>
		#myCarousel .carousel-caption{position: relative;}
	</style>
</head>

<body class="preview" id="top" data-spy="scroll" data-target=".subnav"
	data-offset="80">


	<include file="Public:nav" />
	<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="item active">
					<img src="__TMPL__Public/images/carousel/carousel-img-1.png" alt="">
					<div class="carousel-caption">
						<h4>快速搭建原型</h4>
						<p>我们提供了高效的内容管理系统，让你的idea迅速变成产品，ThinkCMF为你助力。</p>
					</div>
				</div>
				<div class="item">
					<img src="__TMPL__Public/images/carousel/carousel-img-2.png" alt="">
					<div class="carousel-caption">
						<h4>云端一键部署</h4>
						<p>ThinkCMF_V1.0.4以后版本均支持SAE一键部署，便捷的安装，云端本地同等的运行环境，前所未有的体验</p>
					</div>
				</div>
				<div class="item">
					<img src="__TMPL__Public/images/carousel/carousel-img-3.png" alt="">
					<div class="carousel-caption">
						<h4>优秀的PHP框架</h4>
						<p>ThinkCMF延续了ThinkPHP优秀的构架思想，在MVC分层，系统安全性方面表现卓越。</p>
					</div>
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="right carousel-control" href="#myCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
	<div class="container">

		<div class="slice bg-5 section">
			<div class="w-section inverse">
				<div class="row">
					<div class="span3">
						<div class="w-box white">
							<div class="thmb-img">
								<i class="fa fa-lightbulb-o"></i>
							</div>

							<h2>快速搭建原型</h2>
							<p class="text-center">我们提供了高效的内容管理系统，让你的idea迅速变成产品，ThinkCMF为你助力。
							</p>
						</div>
					</div>

					<div class="span3">
						<div class="w-box white">
							<div class="thmb-img">
								<i class="fa fa-cloud"></i>
							</div>

							<h2>云端一键部署</h2>
							<p class="text-center">ThinkCMF_V1.0.4以后版本均支持SAE一键部署，便捷的安装，云端本地同等的运行环境，前所未有的体验
							</p>
						</div>
					</div>

					<div class="span3">
						<div class="w-box white">
							<div class="thmb-img">
								<i class="fa fa-code"></i>
							</div>

							<h2>优秀的PHP框架</h2>
							<p class="text-center">ThinkCMF延续了ThinkPHP优秀的构架思想，在MVC分层，系统安全性方面表现卓越。
							</p>
						</div>
					</div>

					<div class="span3">
						<div class="w-box white">
							<div class="thmb-img">
								<i class="fa fa-rocket"></i>
							</div>

							<h2>先进前端理念</h2>
							<p class="text-center">我们使用BootStrap进行前端布局，在此过程中我们还致力于改进BootStrap对低版本IE的兼容性。
							</p>
						</div>
					</div>

				</div>
			</div>
		</div>

		<include file=":config" />
		<php>
		$post=sp_sql_post($Portal_index['Article']['ThinkCMF'],'field:post_title,post_content,smeta;');
		$pic=json_decode($post['smeta'],true);
		$advantage=sp_sql_posts('cid:'.$Portal_index['Cat']['Advantage'].';field:post_title,post_content,tid;order:listorder
		asc;limit:3;'); </php>
		<div class="slice bg-5 section">
			<div class="w-section inverse">
				<div class="container">
					<div class="row">
						<div class="span7">
							<h3 class="section-title">
								<span>{$post.post_title|default='ThinkCMF'}</span>
							</h3>
							<div class="row">
								<div class="span3">
									<if condition="empty($pic[thumb])"> 
										<img src="__TMPL__Public/images/prv/col-img-4.jpg" alt="{$post_title}" class="img-responsive img-thumbnail">
									<else /> 
										<img src="{:sp_get_asset_upload_path($pic['thumb'])}" alt="{$post_title}" class="img-responsive img-thumbnail">
									</if>

								</div>
								<div class="span4">{$post.post_content|default='当你在后台添加后内容将自动被替换！'}</div>
							</div>
							<blockquote class="blockquote-1">
								<p>ThinkCMF力求成为国内最优秀的开源内容管理框架，长期以来ThinkCMF官方团队一直致力于核心维护，虽在应用丰富性上尚且有些欠缺但已获得相当一部分的忠实用户。</p>
								<small>ThinkCMF</small>
							</blockquote>
						</div>
						<div class="span5">
							<h3 class="section-title">业内优势</h3>

							<div class="widget">
								<div class="accordion" id="accordion2">
									<foreach name="advantage" item="vo">
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle collapsed" data-toggle="collapse"
												data-parent="#accordion2" href="#accordion_child{$vo.tid}">
												{$vo.post_title|default='当你在后台添加后内容将自动被替换！'} </a>
										</div>
										<div id="accordion_child{$vo.tid}"
											class="accordion-body collapse" style="height: 0px;">
											<div class="accordion-inner">
												{$vo.post_content|default='当你在后台添加后内容将自动被替换！'}</div>
										</div>
									</div>
									</foreach>

								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<php>
		$Presentation=sp_sql_posts('cid:'.$Portal_index['Cat']['Presentation'].';field:post_title,post_excerpt,tid,smeta;order:listorder asc;'); 
		</php>
		<if condition="!empty($Presentation)">
		<div class="slice relative animate-hover-slide bg-3 section">
			<div class="w-section inverse">
				<div class="container">
					<h3 class="section-title">相关展示</h3>

					<div id="carouselWork" class="carousel slide animate-hover-slide">
						<!-- 相关展示轮播 -->
						<div class="carousel-inner">
							<php>
							$group_count = ceil(count($Presentation)/4);
							$group_last = intval(count($Presentation)%4); 
							for($i=0;$i<$group_count; $i++){ 
							$num = $i*4; 
							$j_len = $i==$group_count-1 ? $group_last :4; 
							</php>
							<div class="item <php>if($i==0){echo 'active';}</php>">
								<div class="row">
									<php> for($j=0; $j<$j_len; $j++){ 
									$o = $Presentation[$num+$j]; 
									$pic=json_decode($o['smeta'],true); 
									</php>
									<div class="span3">
										<div class="w-box inverse">
											<div class="figure">
												<img src="{:sp_get_asset_upload_path($pic['thumb'])}" class="img-responsive">
											</div>
											<div>
												<h4>{$o.post_title}</h4>
												<small>{$o.post_excerpt}</small>
											</div>
										</div>
									</div>
									<php>}</php>
								</div>
							</div>
							<php>}</php>
						</div>
						<a class="left carousel-control" href="#carouselWork"
							data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
							href="#carouselWork" data-slide="next">&rsaquo;</a>
					</div>

				</div>
			</div>
		</div>
		<else /> </if>

		<div class="slice bg-banner-1 section well" style="margin-bottom: 20px;">
			<div class="w-section inverse">
				<div class="text-center">
					<h4>
						<i class="fa fa-quote-left fa-3x"></i>
					</h4>
					<h2>这个看上去是个非常棒的框架</h2>
					<p>
						ThinkCMF是一款基于PHP+MYSQL开发的中文内容管理框架。ThinkCMF提出灵活的应用机制，框架自身提供基础的管理功能，而开发者可以根据自身的需求以应用的形式进行扩展
					</p>
					<span class="clearfix"></span>

					<div class="text-center">
						<a href="http://www.thinkcmf.com/index.php?g=topic"
							target="_blank" class="btn btn-primary mt-20">参与官方交流</a>
					</div>
				</div>
			</div>
		</div>

		<php> $slide=sp_getslide($Portal_index['Slide']['mid_slide']); </php>
		<if condition="!empty($slide)">
		<div id="companyCarousel" class="carousel slide bg-3 section"
			data-ride="carousel">
			<div class="carousel-inner">
				<foreach name="slide" item="vo" key="k">
				<php>$slide_active=$k==0?"active":"";</php>
				<div class="item {$slide_active}">
					<div class="container">
						<div class="row">
							<div class="span6">
								<h2>{$vo.slide_name}</h2>
								{$vo.slide_content}
							</div>
							<div class="span6">
								<img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" class="img-responsive" alt="">
							</div>
						</div>
					</div>
				</div>
				</foreach>
			</div>
			<a class="left carousel-control" href="#companyCarousel"
				data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
				href="#companyCarousel" data-slide="next">&rsaquo;</a>
		</div>
		<else /> </if>
		<php>
		$Lastnews=sp_sql_posts('cid:'.$Portal_index['Cat']['Lastnews'].";field:post_title,post_content,tid,smeta,post_date,post_excerpt;order:post_date
		DESC;limit:4"); </php>
		<div class="slice animate-hover-slide bg-5 section">
			<div class="w-section inverse">
				<div class="container">
					<h3 class="section-title">最新新闻</h3>
					<div class="row">

						<foreach name="Lastnews" item="vo"> <php>$smeta=json_decode($vo['smeta'],true);</php>

						<div class="span3">
							<div class="w-box">
								<div class="figure">
									<if condition="!empty($smeta['thumb'])"> 
										<img width="263" height="197" src="{:sp_get_asset_upload_path($smeta['thumb'])}" class="img-responsive" alt=""> 
									<else /> 
										<img width="263" height="197" src="__TMPL__Public/images/default/list.jpg" class="img-responsive" alt=""> </if>
									<span class="date-over small"><strong>{:date("M d,Y",strtotime($vo['post_date']))}</strong></span>
									<div class="figcaption bg-2"></div>
								</div>
								<h5><b>{$vo.post_title}</b></h5>
								{$vo.post_excerpt}
								<div class="figcaption-btn">
										<a href="{:u('article/index',array('id'=>$vo['tid']))}" class="btn btn-small btn-primary"><i class="fa fa-link"></i>阅读更多...</a>
									</div>
							</div>
						</div>
						</foreach>

					</div>
				</div>
			</div>
		</div>

		<include file="Public:footer" />

	</div>
	<!-- /container -->

	<include file="Public:scripts" />
</body>
</html>
